<template>
  <div class="avatar">
    <svg
      t="1618997019149"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="2145"
      width="104"
      height="104"
    >
      <path
        d="M510.45 70.554c-243.163 0-442.115 198.951-442.115 442.115 0 243.16 198.952 442.11 442.116 442.11 243.159 0 442.11-198.95 442.11-442.11 0-243.165-198.951-442.115-442.11-442.115z m11.051 132.633c168.556 0 168.556 127.11 168.556 198.95 0 71.847-66.318 204.48-168.556 207.24-99.475 0-168.556-132.632-168.556-207.24 0.001-71.841 0.001-198.95 168.556-198.95z m-11.05 726.723c-127.11 0-243.164-58.03-320.534-149.211 11.051-27.635 24.868-58.03 44.212-74.607 41.446-33.162 165.79-88.425 165.79-88.425l77.37 149.215 13.816-35.923L469 686.747l44.212-44.208 44.212 44.208-19.345 46.974 11.055 35.924 80.132-146.45s124.343 55.262 165.793 88.424c19.34 13.813 33.157 38.685 41.447 60.787C761.9 869.12 643.082 929.91 510.45 929.91z m0 0"
        fill="#32a1ff"
        p-id="2146"
      />
    </svg>
  </div>

  <div class="username">安妮</div>

  <an-form-title title="设置" />

  <van-cell-group>
    <van-cell title="cn.bing" is-link url="https://cn.bing.com/" />

    <van-cell title="修改密码" value="通过原密码修改" is-link />
    <van-cell title="退出登录" is-link />
  </van-cell-group>
</template>
<script lang="ts">
import { defineComponent } from "vue"

export default defineComponent({
  name: "UserCenter",
  props: {
    msg: String,
  },
})
</script>
<style lang="less">
.avatar {
  text-align: center;
}
.username {
  text-align: center;
  font-size: 0.4rem;
}
</style>